<template>
	<view class="advertisement">
		<div class="bg">
			<image class="img" :src="bgUrl" mode="aspectFill"></image>
		</div>
	</view>
</template>

<script>
	export default {
		props: {
			bgUrl: {
				type: String,
				default: '/static/img/poster.jpg'
			}
		},
		data() {
			return {}
		},
		methods: {
			handleClick() {
				this.$emit('callback')
			},
		},
	}
</script>

<style lang="scss" scoped>
	.advertisement {
		height: 100px;

		.bg {
			width: 100%;
			height: 100px;

			.img {
				display: block;
				width: 100%;
				height: 100px;
			}
		}
	}
</style>